<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hello vue</title>
</head>
<body style="background-color: darkcyan">
<div id="app">

    <component1 v-bind:props-message=message></component1>
    <component1 v-bind:propsmessage1='1'></component1>
</div>
<template id="component1">
    <div>
        <h2>{{propsMessage}}</h2>
        <h2>{{propsmessage1}}</h2>
    </div>
</template>
</body>
<script src="../css/vue.js"></script>
<script>
    const component1 = {
        template: "#component1",
        props: ['propsMessage','propsmessage1'],
    }
    const app = new Vue({
        el: '#app',
        data: {
            message: "你好"
        },
        components: {
            'component1': component1
        }
    })
</script>
</html>